//布局样
//.cpas-audit-ds-container .cpas-layout-padding{
//  overflow:auto;
//}

.flexCon {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  line-height: 30px;


  .icon-eye {
    width: 16px;
    height: 16px;
    background: url('~@/assets/img/icon-eye.png') no-repeat;
    background-size: 100%;
    margin: 0;
    margin-right: 3px;
    margin-left: 3px;
    cursor: pointer;
  }

  .icon-eyes {
    width: 16px;
    height: 16px;
    background: url('~@/assets/img/icon-eyes.png') no-repeat;
    background-size: 100%;
    cursor: pointer;
    margin: 0;
    margin-right: 3px;
    margin-left: 3px;
  }

  .icon-save {
    width: 16px;
    height: 16px;
    background: url('~@/assets/img/icon-save.png') no-repeat;
    background-size: 100%;
    margin: 0;
    margin-right: 3px;
    cursor: pointer;
  }

  .icon-set {
    width: 16px;
    height: 16px;
    background: url('~@/assets/img/icon-set.png') no-repeat;
    background-size: 100%;
    margin: 0;
    margin-right: 3px;
    cursor: pointer;
  }

  .icon-list {
    width: 16px;
    height: 16px;
    background: url('~@/assets/img/icon-list.png') no-repeat;
    background-size: 100%;
    margin: 5px 0 0 5px;
    padding-top: 5px;
    cursor: pointer;
  }
}

.icon-right {
  width: 16px;
  height: 16px;
  background: url('~@/assets/img/icon-right.png') no-repeat;
  background-size: 100%;
  margin: 0;
  margin: 5px 0 0 5px;
  cursor: pointer;
}

.icon-left {
  width: 16px;
  height: 16px;
  background: url('~@/assets/img/icon-left.png') no-repeat;
  background-size: 100%;
  margin: 0;
  margin-right: 3px;
  cursor: pointer;
}

.flex-start {
  display: flex;
  // flex-direction: row;
  // justify-content: flex-start;
}

.refresh {
  width: 16px;
  height: 16px;
  background: url('~@/assets/img/refresh.png') no-repeat;
  background-size: 100%;
  margin: 5px 0 0 5px;
  cursor: pointer;
}

.dev-tree-item-render span {
  display: inline-block;
  min-width: 10px;
}

.ant-tabs-nav-list {
  padding-left: 20px;
}

#tit-content {
  -webkit-user-modify: read-write;
}

.cpas-excel-grid {
  height: 50vh !important;
}

.dev-tree-item-render span:nth-child(2) {
  /* user-modify: read-write; */

  /* -webkit-user-modify: read-write; */
  // border: 1px solid dodgerblue;
  outline: none;
  white-space: nowrap;
  overflow-x: scroll;
  overflow-y: hidden;
  word-break: normal;
}

/* 清除左右滚动条 */

.dev-tree-item-render span::-webkit-scrollbar {
  display: none;
}

.dev-tree-item-render span:empty::before {
  content: attr(placeholder);
  color: #999;
}

.dev-tree-item-render span:focus::before {
  content: none;
}

.context-menu .dx-overlay-wrapper {
  z-index: 800 !important;
}

#treeviewDriveC .dx-treeview-item {
  padding: 0 !important;
}

.item-render {
  display: flex;
  justify-content: space-between;
  padding: 5px 6px;
  width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  position: relative;

  .render-icon {
    width: 100%;
    display: flex;

    .icon-table {
      display: inline-block;
      width: 30px;
    }

    .render-item-span {
      display: block;
      width: 100%;
      font-size: 14px;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;

    }
  }

  .render-span {
    position: absolute;
    right: 5px;
    color: red;
    font-weight: 800;
  }
}


.item-bg {
  background-color: rgba(79, 45, 127, .1);
  border-radius: 4px;
}


.menu-icon {
  width: 30px;
}

.list-table {
  margin-left: 30px;
  height: 50vh;

  .ant-table {
    background: none;
  }

  .ant-table-thead {
    tr {
      padding: 0;

      th {
        background: none;
        border: none;
      }
    }
  }

  .ant-table-tbody>tr>td {
    border: none;
  }
}

.order-name {
  // margin-top: 10px;
  margin-left: 30px;
  padding-left: 8px;
  height: 38px;
  line-height: 38px;
  box-sizing: border-box;
}

.order-name:hover {
  background: rgba(79, 45, 127, .1);
  color: rgba(79, 45, 127, 1);
}

.cpas-table-ds-header {
  position: absolute;
  right: 20px;
  z-index: 999;

  .ant-btn-default {
    width: auto;
  }

  .design-vert-line {
    position: absolute;
    right: 0;
    top: 0;
    width: 6px;
    height: 100%;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    background-color: #9B75CE;
  }
}
.menu-text-content {
  display: flex;
  justify-content: space-between;
}
.dx-context-menu .menu-text-content .dx-menu-item-popout::before {
  position: relative;
  left: 0;
}
.ant-collapse-content-box {
  padding: 0 !important;
}

.outher {
  margin-top: 20px;
}

.left-page-con {
  height: calc(100vh - 130px);
  overflow: auto;
  padding-bottom: 45px;
  .dx-scrollable-content{
    padding-bottom: 30px;
  }
}

.popup-name {
  display: flex;

  span {
    white-space: nowrap;
    font-size: 14px;
    display: block;
    height: 30px;
    line-height: 30px;
    margin-right: 5px;
  }
}

.pro-list {
  height: 65vh;
  overflow: auto;

  .ant-tree-title {
    width: 100%;
    white-space: pre-wrap;
  }

  .ant-input-group .ant-input {
    height: 30px;
  }

  .ant-input-search-small .ant-input-search-button {
    height: 30px;
  }
}



.loadings {
  width: 54px;
  height: 18px;
}

.loadings>div {
  width: 10px;
  height: 10px;
  margin: 4px;
  border-radius: 100%;
  animation: ball-beat 0.7s -0.15s infinite linear;
}

.loadings>div:nth-child(2n-1) {
  animation-delay: -0.5s;
}

@keyframes ball-beat {
  50% {
    opacity: 0.2;
    transform: scale(0.75);
  }

  100% {
    opacity: 1;
    transform: scale(1);
  }
}

.process-content {
  height: 50px;
  width: 100%;
  background-color: rgba(255, 255, 255, .1);
  margin-top: 20px;
  overflow: hidden;
  color: #fff;
  padding-left: 10px;
  padding-top: 10px;
}

.export-name {
  display: flex;
  margin-bottom: 20px;

}
.export-pro-list::-webkit-scrollbar {
  display: none
}
.export-pro-list .dx-treeview-item-content {
  display: flex;
}
.export-clear{
  padding-bottom: 20px
}
